<script setup>
import { computed, ref } from "vue";
import Content from "./Content.vue";
import { data } from "@/config/config";

const Platform = computed(() => data.Complaint);
const page = ref(data.Platform.smile);
</script>
<template>
  <div class="tbox">
    <Content :Platform="Platform" v-if="page" :page="page" @cclick="(msg) => page=msg"></Content>
    <ObjectContent v-if="!page">
      <p style="color: #999;margin-top: 25px">
        <a href="">{{ '首页/' + Platform.pwd + '/' }}</a>
        <span style="color: black">{{ Platform.pwdxq }}</span>
      </p>
      <div class="Platformdiv">
        <h3 style="margin-top: 30px;">{{ Platform.moreContent.title }}</h3>
        <p style="margin-bottom: 20px;">{{ }}</p>
        <p style="color: #666666;margin-bottom: 25px;font-size: 30px;">{{ '发布日期：' + Platform.moreContent.time }}</p>
        <hr style="width: 100%;border-color: #f5f5f5;">
      </div>
      <div class="Platformcontent">
        <h6 style="margin: 10px;font-size: 20px;" v-for="i in Platform.moreContent.content">{{ i }}</h6>
      </div>
      <span><img src="../img/公告列表详情页/u251.png">附件:<img src="../img/公告列表详情页/u252.png"><a href=" ">太原市迎泽区卫生局卫生监督所2023年4月至12月政府采购意向-公月经费项目附件</a></span>
    <br> <br> <br><sapn style="color: rgb(0, 138, 73);font-size: 20px;"><b>详情描述</b></sapn><br>
    <span style="color: rgb(20, 20, 20);font-size: 15px;">违法行为:</span><br>
    <span style="color: rgb(20, 20, 20);font-size: 15px;">(1)项目在未履行国土、环保市批手续的情况下未批先建。破坏农田、林地、草原，严重损害当地生态环境。</span><br>
    <span style="color: rgb(20, 20, 20);font-size: 15px;">(2)现场执行环保标准不到位。管沟和顶管基坑不执行分层开挖制度。表层土和底层土无序堆放，使回填后无法保持植物生长原有的生活环境，水土消失严重，无防执尘措施，较去年同期环境空气有明显变化。</span><br>
    <span style="color: rgb(20, 20, 20);font-size: 15px;">期盼解决:</span><br>
    <span style="color: rgb(20, 20, 20);font-size: 15px;">(1)相关部门根据相关法律法规停止该项目违法行为，坚决整改，符合国家环保和土地法规后再进行施工，</span><br>
    <span style="color: rgb(20, 20, 20);font-size: 15px;">(2)当地政府及司法部门履职到位，对之前违法事件进行处罚及诉讼，避免此类事件发生，使环保监管不留于表面，坚持“零容忍”的态度依法查处违法行为，拒绝盲目发展。</span><br>
    </ObjectContent>
  </div>
</template>
<style>
.tbox {
  width: 85%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
}

.Platformdiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  margin-top: 30px;
}
</style>